import React, { Component } from 'react'
import { Tabs } from 'antd-mobile';
import "./Live.scss"
import Hot from "./Hot/Hot"
import Follow from "./follow/follow"
import Volume from "./volume/volume"
import Make from "./Make/make"
export default class Live extends Component {
    state = {
        tabs: [{ title: "热门" }, { title: "关注" }, { title: "销量" }, { title: "美妆" }],
    }

    render() {
        return (
            <div>
                <Tabs
                    tabs={this.state.tabs}
                    initialPage={0}
                    // onChange={(tab, index) => { console.log('onChange', index, tab); }}
                    // onTabClick={(tab, index) => { console.log('onTabClick', index, tab); }}
                    tabBarActiveTextColor="red"
                    >
                    <div><Hot></Hot></div>
                    <div><Follow></Follow></div>
                    <div><Volume></Volume></div>
                    <div><Make></Make></div>
                </Tabs>
            </div>
        )
    }
}
